import "./index.scss";

const Count = ({ onPlus, onMinus, count }) => {
  return (
    <div className="goods-count">
      <span
        className="minus border-2 border-gray-300 flex items-center justify-center"
        onClick={onMinus}
      >
        -
      </span>
      <span className="count">{count}</span>
      <span
        className="plus border-2 border-black-300 flex items-center justify-center"
        onClick={onPlus}
      >
        +
      </span>
    </div>
  );
};

export default Count;
